<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Bootstrap  根据屏幕大小自适应样式 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Angular JS 静态资源 -->
<script src="http://cdn.bootcss.com/angular.js/1.3.15/angular.min.js"></script>
<script src="http://cdn.bootcss.com/angular.js/1.3.15/angular-route.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../css/app.css">
<!-- own -->
<script src="../js/app.js"></script>
<script src="../js/navicateBar.js"></script>

<title>杜易初|Young Rhythm</title>
</head>
<body class="container">
	<nav class="navbar navbar-default myOpcity">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed "
					data-toggle="collapse" data-target="#myNavbarCollapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">易初|yichu</a>
			</div>
			<div class="collapse navbar-collapse" id="myNavbarCollapse">
				<ul id="navBarID" class="nav navbar-nav navbar-right">
					<li id="gaoKaoID"><a href="../views/index.html">高考 <!-- 小的下三角 --> <b
							class="caret"></b>
					</a>
						<ul class="dropdown-menu" id="gaoKaoChildID">
							<li><a href="../views/index.html">高考倒计时</a></li>
							<li><a href="../ngViews/gaoKaoScore.html">高考成绩</a></li>
						</ul></li>
					<li><a href="../views/picture.html">图片</a></li>
					<li><a href="../views/inDHU.html">我在东华</a></li>
					<li><a href="../views/cooking.html">做饭</a></li>
					<li><a href="../views/location.html">位置</a></li>
					<li><a href="../ngViews/visit.html">访问统计</a></li>
					<li><a href="../views/logo.html" target="_blank">logo筹备</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<h3 style="text-align: center">宝丰一高2011高考成绩表</h3>
	<div class="table-responsive" ng-app="gaoKaoApp"
		ng-controller="appCtrl">
		<div class=row>
			<div class="col-md-4">
				<ul class="pagination ">
					<li><a style="background-color: pink" href="#">理科前1000</a></li>
					<li><a href="#" ng-click='getTable("science",1,200)'>1</a></li>
					<li><a href="#" ng-click='getTable("science",201,400)'>2</a></li>
					<li><a href="#" ng-click='getTable("science",401,600)'>3</a></li>
					<li><a href="#" ng-click='getTable("science",601,800)'>4</a></li>
					<li><a href="#" ng-click='getTable("science",801,1000)'>5</a></li>
				</ul>
			</div>
			<div class="col-md-4"  style="top:20px;">
				<div class="form-inline" >
					<div class="form-group">
						<input placeholder="试试你的名字^_^"  onkeydown='if(event.keyCode==13){fuzzyQuerybutton.click()} ' type="text" class="form-control" ng-model="fuzzyQueryName"></input>
						<button id="fuzzyQuerybutton" class="btn btn-info" ng-click='fuzzyQuery(fuzzyQueryName)'>模糊搜索</button>
						<span style="font-size:1.5em"><span class="glyphicon glyphicon-question-sign"  data-toggle="tooltip"  
data-placement="below"   title="输入“明”可查找到“小明”，查询范围并不局限于前1000名。"></span>
</span>
<script>$(function () {  
$('[data-toggle="tooltip"]').tooltip()  
})</script> 
					</div>
				</div>

			</div>

			<div class="col-md-4">
				<ul class="pagination">
					<li><a href="#" ng-click='getTable("arts",1,200)'>1</a></li>
					<li><a href="#" ng-click='getTable("arts",201,400)'>2</a></li>
					<li><a href="#" ng-click='getTable("arts",401,600)'>3</a></li>
					<li><a href="#" ng-click='getTable("arts",601,800)'>4</a></li>
					<li><a href="#" ng-click='getTable("arts",801,1000)'>5</a></li>
					<li><a style="background-color: pink" href="#">文科前1000</a></li>
				</ul>
			</div>
		</div>

		<table class="table  table-hover table-responsive">
			<thead>
				<tr>
					<th>考生号</th>
					<th>姓名</th>
					<th>身份证号(隐私保护)</th>
					<th>考生类别</th>
					<th>语文</th>
					<th>数学</th>
					<th>综合</th>
					<th>外语</th>
					<th>裸分</th>
					<th>裸分+照顾分</th>
					<th>名次</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat='element in gaoKaoScoreList'>
					<td>{{element.no}}</td>
					<td>{{element.name}}</td>
					<td>{{element.idCard}}</td>
					<td>{{element.type}}</td>
					<td>{{element.chinese}}</td>
					<td>{{element.math}}</td>
					<td>{{element.comprehensive}}</td>
					<td>{{element.english}}</td>
					<td>{{element.total}}</td>
					<td>{{element.luoFenplusZhaoGuFen}}</td>
					<td>{{element.ranking}}</td>
				</tr>
			</tbody>
		</table>
	</div>

<iframe src="../views/footer.html" frameborder="no" border="0" style="width: 100%;height:60px"></iframe>
</body>
</html>